<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>小米商城-个人中心</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="stylus/my_orders.css">
</head>
<body>

<header id="header">
  <div class="center">
    <ul class="fl">
      <li><a href="javascript:;">小米商城</a></li>
      <li><a href="javascript:;">MIUI</a></li>
      <li><a href="javascript:;">米聊</a></li>
      <li><a href="javascript:;">游戏</a></li>
      <li><a href="javascript:;">多看阅读</a></li>
      <li><a href="javascript:;">云服务</a></li>
      <li><a href="javascript:;">金融</a></li>
      <li><a href="javascript:;">小米商城移动版</a></li>
      <li><a href="javascript:;">问题反馈</a></li>
      <li><a href="javascript:;">Select Region</a></li>
    </ul>
    <div class="fr">
      <div class="user">
        <ul class="selector">
          <li>
            <a href="javascript:;">
              个人中心
            </a>
          </li>
          <li>
            <a href="javascript:;">
              我的订单
            </a>
          </li>
          <li>
            <a href="javascript:;">
              账号设置
            </a>
          </li>
          <li>
            <a href="javascript:;">
              退出登录
            </a>
          </li>
        </ul>
        <a href="javascript:;" class="username">
          七月
          <i class="iconfont icon-jiantou_xiangxia1"></i>
        </a>
      </div>
      <ul class="login">
        <li><a href="">登录</a></li>
        <li><a href="">注册</a></li>
      </ul>
      <div class="shopcart">
        <i class="iconfont icon-cart"></i>
        购物车(3)
      </div>
    </div>
  </div>
</header>

<nav id="nav">
  <div class="banner_x center">
    <a href="javascript:;" class="logo"><h1>小米官网</h1></a>
    <a href="javascript:;" class="gif"></a>
    <ul class="list">
      <li><a href="javascript:;">秒杀</a></li>
      <li><a href="javascript:;">优惠券</a></li>
      <li><a href="javascript:;">闪购</a></li>
      <li><a href="javascript:;">拍卖</a></li>
      <li><a href="javascript:;">小米服饰</a></li>
      <li><a href="javascript:;">小米超市</a></li>
      <li><a href="javascript:;">生鲜</a></li>
      <li><a href="javascript:;">全球购</a></li>
      <li><a href="javascript:;">京东金融</a></li>
    </ul>
    <div class="fr">
      <div class="search">
        <input class="text" type="text">
        <div class="search_hot">
          <a href="javascript:;">小米8</a>
          <a href="javascript:;">小米MIX 2S</a>
        </div>
        <ul class="keyword_list">
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>小米6</span>
              <span class="result">约有6件</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="button iconfont icon-search"></div>
    </div>
  </div>
</nav>

<div id="personal">
  <div class="selfinfo center">
    <div class="lfnav fl">
      <div class="ddzx">订单中心</div>
      <div class="subddzx">
        <ul>
          <li><a href="" style="color:#ff6700;font-weight:bold;">我的订单</a></li>
          <li><a href="">意外保</a></li>
          <li><a href="">团购订单</a></li>
          <li><a href="">评价晒单</a></li>
        </ul>
      </div>
      <div class="ddzx">个人中心</div>
      <div class="subddzx">
        <ul>
          <li><a href="./self_info.html">我的个人中心</a></li>
          <li><a href="">消息通知</a></li>
          <li><a href="">优惠券</a></li>
          <li><a href="">收货地址</a></li>
        </ul>
      </div>
    </div>
    <div class="rtcont fr">
      <div class="ddzxbt">交易订单</div>
      <div class="ddxq">
        <div class="ddspt fl"><img src="./image/order/gwc_xiaomi6.jpg" alt=""></div>
        <div class="ddbh fl">订单号:1705205643098724</div>
        <div class="ztxx fr">
          <ul>
            <li>已发货</li>
            <li>￥2499.00</li>
            <li>2017/05/20 13:30</li>
            <li><a href="">订单详情></a></li>
            <div class="clear"></div>
          </ul>
        </div>
        <div class="clear"></div>
      </div>
      <div class="ddxq">
        <div class="ddspt fl"><img src="./image/order/liebiao_hongmin4_dd.jpg" alt=""></div>
        <div class="ddbh fl">订单号:170526435444865</div>
        <div class="ztxx fr">
          <ul>
            <li>已发货</li>
            <li>￥1999.00</li>
            <li>2017/05/26 14:02</li>
            <li><a href="">订单详情></a></li>
            <div class="clear"></div>
          </ul>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>

<footer id="footer">
  <p>小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</p>
  <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
  <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
</footer>

</body>
</html>